<template>
    <div class="home">
        <v-chart class="vuechart" :option="props.option" :init-options="{ height: props.height }" autoresize />
    </div>

</template>

<script setup lang="ts">
import { computed, onMounted, ref, watch } from 'vue'
const props = withDefaults(defineProps<{ option: object, width?: string, height?: string }>(),
    // 默认值
    { height: '500px' })

// console.log("line props.option =>", props.option)

</script>

<style scoped>
.vuechart {
    /* height: 500px; */
}
</style>